<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.demo {
				width: 480px;
				height: 320px;
				overflow: auto;
				border: 1px solid #efefef;
				margin: auto;
				margin-top: 500px;
			}
			
			.demo div {
				height: 999px;
			}
		</style>
	</head>

	<body>
		<div class="demo" onmousewheel="return scroll(event, this)">
			<div></div>
		</div>
		<div style="height: 9999px;"></div>

		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var scroll = function(event, scroller) {
				var k = event.wheelDelta ? event.wheelDelta : -event.detail * 10;
				scroller.scrollTop = scroller.scrollTop - k;
				return false;
			};
			
			console.log(window);
		</script>
	</body>

</html>